<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>企业社区</title>
        <meta charset="utf-8">
        <meta name="apple-touch-fullscreen" content="YES">
        <meta name="format-detection" content="telephone=no">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta http-equiv="Expires" content="-1">
        <meta http-equiv="pragram" content="no-cache">
        <link rel="stylesheet" type="text/css" href="css/slide.css">
        <link rel="stylesheet" type="text/css" href="css/about_sq_first.css">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    </head>
    
    <body>
        <section class="p-ct transformNode-2d" style="height: 100%;">
            <div class="translate-back" style="height: 100%;">
                <div class="m-page current background_index">
                    <div class="logo_div">
                        <img src="images/bg1.png" class="logo" />
                    </div>
                    
                    <div class="down_img_div">
                        <img src="images/up.png" class="down_img" />
                    </div>
                </div>
        
                <div class="m-page hide">
                    <div class="logo_div">
                        <img src="images/bg2.png" class="logo" />
                    </div>
                    
                    <div class="down_img_div">
                        <img src="images/up.png" class="down_img" />
                    </div>
                </div>
        
                <div class="m-page hide">
                    <div class="logo_div">
                        <img src="images/bg2.png" class="logo" />
                    </div>
                    
                    <div class="down_img_div">
                        <img src="images/up.png" class="down_img" />
                    </div>
                </div>
            </div>
        </section>
        <script src="js/slide.js" type="text/javascript" charset="utf-8"></script>
    	<script src="js/zepto.js" type="text/javascript" charset="utf-8"></script>
    	<script>
	    /*
	     slide_page_wrap          //滑动区域的class或者 id，            必传
	     slide_page_dom          //滑动页面的class或者 id，             必传
	     page_count              //一共滑动的页面的总个数               不必传（不传默认是page_dom.length）
	     startCallback:          //touchStart的回调函数                 不必传
	     moveCallback:           //touchmove的回调函数                  不必传
	     endCallback:            //touchend的回调函数                   不必传
	     */
	
	    //调用滑动效果
	    slide({
	        slide_page_wrap: '.translate-back',   //滑动区域的class或者 id，    必传
	        slide_page_dom: '.m-page',  //滑动页面的class或者 id，    必传
	        page_count: 3,                     //一共滑动的页面的总个数     不必传 （不传默认是page_dom.length）
	        //touchStart的回调函数
	
	        startCallback: function(scope) {
	            console.log('touch start', scope);
	        },
	
	        //touchmove的回调函数
	        moveCallback: function(scope) {
	            console.log('touch move', scope);
	        },
	
	        //touchend的回调函数
	        endCallback: function(scope) {
	            console.log('touch end', scope);
	        }
	    });
    	</script>
    </body>
</html>